<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>服务人员详情</title>
		<link rel="stylesheet" type="text/css" href="js/bootstrap/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="js/font-awesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/lxm.css" />
		<!--<script src="js/common/jquery-1.12.2.js" type="text/javascript" charset="utf-8"></script>-->
		<script type="text/javascript" src="js/common/jquery-1.11.0.js"></script>
		<script src="js/bootstrap/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common/common.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript" src="js/common/baseUrl.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
		<script type="text/javascript" src="js/artTemplate/template.js"></script>
		<script src="js/common/staffDetail.js" type="text/javascript" charset="utf-8"></script>
	    <style type="text/css">
	   	  .active{
	   	  	background:red;
	   	  }
	   </style>
	</head>

	<body class="fitnessBox staffDetail">
		<div id="header">
			<div class="top">
				<div class="top-left">
					<i class="fa fa-map-marker "></i>
					<a href="javascript:void(0)" class="one">广州</a>
					<a href="javascript:void(0)" class="two">切换城市</a>
				</div>
				<div class="top-right">
					<a class="one">
						<i class="fa fa-user"></i> 朱莉
					</a>
					<a href="javascript:void(0)">退出</a>
					<a href="javascript:void(0)">帮助中心</a>
					<a href="javascript:void(0)">网站导航</a>
					<a href="javascript:void(0)">手机APP</a>
				</div>

			</div>
			<div class="searchBox">
				<div class="search">
					<div class="search-left">
						<h3>互生 <small>休闲娱乐</small></h3>
					</div>
					<div class="search-right">
						<div class="one">
							<input type="text" name="search" id="search" value="输入商家名称、分类或地区" placeholder="输入商家名称、分类或地区" />
							<a href="javascript:void(0)">
								<i class="fa fa-search"></i>
							</a>
						</div>

						<div class="two">
							<a href="#">运动健身</a>
							<a href="#">瑜伽</a>
							<a href="#">羽毛球</a>
							<a href="#">CS</a>
							<a href="#">农家乐</a>
							<a href="#">私人影院</a>
						</div>
					</div>

				</div>

			</div>

		</div>
		<!--主要内容-->
		<div class="fitness staff" id="staff">
			<script type="text/html" id="test">

				<!--简介-->
				<div class="jianjie">

					<div class="list">
						<div class="list-left">
							<div class="one">
								<div class="left">
									<img src="{{picUrl}}{{staff.headUrl}}" />
									<i class="fa fa-share-square"></i>
								</div>
								<div class="right">
									<h4>{{staff.jobName}}</h4>
									<p> {{staff.staffEvaluateValue}}
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
									</p>
									<p>
										{{if staff.sex==0}}
										<span>女</span> {{else}}
										<span>男</span> {{/if}}
										<span>{{staff.age}}岁</span>
										<span>160cm</span>
									</p>
									<p>
										<span>{{staff.servicePost}}</span>
										<span>从业{{staff.workedYears}}年</span>
									</p>
									<div>
										<p> 质量： <span>{{staff.serviceQuality}}</span></p>
										<p> 态度： <span>{{staff.serviceAttitude}}</span></p>
										<p> 上门速度： <span>{{staff.serviceSpeed}}</span></p>
									</div>
								</div>
								<div class="center">
									<!--<img src="img/rili.png"/>-->
									<span>上班时间：</span>
									<h4>{{staff.startTime}}-{{staff.endTime}}</h4>
								</div>

							</div>
							<div class="two">
								<p>
									<strong>擅长：</strong>
									<span>{{staff.skillSpecialty}}</span>
								</p>
								<p>
									<strong>简介：</strong>
									<span>
                        			  {{staff.briefIntroduction}}
                        		    </span>
								</p>
							</div>

						</div>
						<div class="list-right">
							<div class="right-one">
								<img src="{{shop.shopLogo}}" />
								<h4>{{shop.shopName}} <i class="fa fa-h-square"></i></h4>
								<p>{{shop.entResno}}</p>
							</div>
							<ul>
								<li>
									<span>商家电话</span>
									<p>
										<!--<a href="#">登录可看</a>-->
										{{shop.shopPhone}}
									</p>
								</li>
								<li>
									<span>商家地址：</span>
									<p>{{shop.shopAddress}}
										<a href="#">[地图]</a>
									</p>
								</li>
								<li>

									<span>营业时间：</span> {{if shop.serviceTimeType ==0}}
									<p>
										{{shop.serviceRangeTime}}
									</p>
									{{else}}
									<p>
										{{each shop.week}} 周{{$value.start}}至周{{$value.end }} {{$value.startTime}}-{{$value.endTime}} <br /> {{/each}}
									</p>
									{{/if}}
								</li>
							</ul>
							<div>
								<span><i class="fa fa-comments"></i> 联系商家</span>
								<span><i class="fa fa-heart-o"></i>关注店铺 </span>
								<p>
									<button>进店逛逛</button>
								</p>

							</div>
						</div>

					</div>

				</div>

				<!--服务项目-->
				<div class="project">
					<h4>支持以下服务项目</h4>
					<ul>
						{{each list}}
						<li>
							<div class="left">
								<img src="{{picUrl}}{{$value.goodsImg}}" />
							</div>
							<div class="right">
								<h4>{{$value.goodsName}} 
								{{  if $value.serviceType ==1}}
								<a href="javascript:void(0)">
									上门 
								</a>
								 {{/if}}
							
							</h4>
								<div>
									<p>
										<img src="img/yhq2.png" /> <strong>{{$value.hsprice}}</strong>
									</p>
									<p>
										<img src="img/yhq3.png" />
										<span>{{$value.perPoint}}</span>
									</p>
									<p>已售 {{if $value.totalSaleCount}} {{$value.totalSaleCount}} {{else}} 0 {{/if}}
									</p>
									{{if $value.serviceType ==3}}
									<a href="javascript:void(0)" style="background:rgb(252,150,3)">
										免费预约
									</a>

									{{else}}
									<a href="javascript:void(0)" onclick="jump({{$value}},{{staff}})">
										立即购买
									</a>
									{{/if}}

								</div>
								{{if $value.hscouponUseRule != ''}}
								<p>
									<img src="img/yhq1.png" /> 每满{{ $value.hscouponUseRule.split(':')[0]}}可使用10元抵用券{{ $value.hscouponUseRule.split(':')[1]}}张
								</p>
								{{/if}}
							</div>

						</li>
						{{/each}}

					</ul>
					<a  style="cursor:pointer;" class="list-more">查看更多服务项目
						<i class="fa fa-caret-down"></i>
					</a>
				</div>
				<!--服务项目-->

				<!--用户评价-->
				<div class="comments">
					<div class="com-top">
						<h4>用户评价</h4>
						<!--<button>写点评</button>-->
					</div>
					<div class="com-point">
						<h4>{{commentsTop.pingfen}}</h4>
						<div class="point-det">
							<span>综合评分</span>
							<p>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</p>

						</div>
						<div class="rate">
							<span>好评率{{commentsTop.evaluateValue}}</span>
						</div>
					</div>
					<div class="com-category">
						<!--onclick="getComments('有图')"-->
						<span  >全部({{commentsTop.nums}})</span>
						<span  >好评({{commentsTop.goodsV}})</span>
						<span  >差评({{commentsTop.badV}})</span>
						<span  >有图({{commentsTop.hasPic}})</span>
					</div>
					<div class="tabChange">
						<ul class="comments-lists">
							{{each comments}}
							<li>
								<div class="left">
									<img src="{{picUrl}}{{$value.userHeadUrl}}" />
								</div>
								<div class="center">
									<p>
										{{$value.userName}}
									</p>
									<p> 
										{{$value.evaluateValue}}
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
									</p>
									<p>
										{{$value.evaluateContent}}
									</p>
									<div>
										{{each $value.evaluateImgs}}
										   <img src="{{picUrl}}{{$value}}" />
										{{/each}}
										<!--<img src="img/5.jpg" />
										<img src="img/goods_img.png" />-->
									</div>
									<div class="xiangguan">
										<img src="{{picUrl}}{{$value.goodsImg}}" alt="" />
										<div>
											<h4>{{$value.goodsName}}</h4>
											<p>{{$value.goodsAdvantage}}</p>
										</div>
									</div>
									<div class="huifu">
										<strong>商家回复：</strong>
										<span>{{$value.reply}}</span>
									</div>
								</div>
								<div class="right">
									{{$value.evaluateTime}}
								</div>
							</li>
                           {{/each}}

						</ul>

					</div>
                    <div style="text-align: center;">
                    	<a   class="comments-more" style="cursor:pointer;">查看更多评价
					    	<i class="fa fa-caret-down"></i>
					    </a>
                    </div>
					

				</div>
				<!--用户评价-->
			</script>
		</div>
		<!--尾部-->
		<div class="foot" id="foot">
			<p>
				<strong>客服热线： </strong>
				<a href="javascript:void(0)">
					0755-83344111
				</a>
				<span class="foot-adition">2013-2018 </span>
				<span>
						深圳市互生电子商务有限公司
					</span>
				<span>
						粤ICP备案号14100052号
					</span>
			</p>
		</div>

	</body>
	<script src="js/common/staffDetail.js" type="text/javascript" charset="utf-8"></script>
</html>